html,body{height:100%; width:100%; overflow:hidden; margin:0; padding:0;background: #f3f3f5;}
li {
	display: inline-block;
}
.clearfix {
	zoom: 1;
}
.x3 li {
	width: 33.3333%;
}
.x4 li {
	width: 25%;
}
.menubar{list-style: none;}

.menubar li a {
	text-decoration: none;
	color: #878787;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	display: block;
}
.menubar li.active a, .menubar li.open a {
	background: #ededed;
	color: #3b3b3b;
	font-weight: 600;
}

.heand{
	line-height: 48px;
	width: 100%;
	height:48px;
	background:white;
}

.main_warp{
	position: relative;
    width:100%;
	padding: 0 31px 0 30px;
	height: 100% !important;
    top:15px;
    right: 0;
    bottom: 0;
	margin-right: 10px;
  	background:#f3f3f5;

	
}


.div-inline{ display:inline} 

.fl{
	float: left;
}
.fr{
	float:right;
}

.mr10{
	margin-right: 10px;
}
.mr5{
	margin-right:5px;
}

.ml5{
	margin-left: 5px;
}
.ml10{
	margin-left: 10px;
}
.mt10{
	margin-top: 10px;
}
.mt5{
	margin-top: 5px;
}
.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom:10px;
}
.m5{
	margin: 5px;
}
.m10{
	margin: 10px;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	word-break: keep-all;
}